<template>
  <div id="head" class="head">
    <span class="title-left"><router-link to="/">返回</router-link></span>
    <span class="title-mid">{{title}}</span>
    <span class="title-right"></span>
  </div>
</template>
<script>
  export default {
    props:{
      title:String,
      default:'默认标题',
      required:true
    }
  }
</script>
<style scoped>
.head{
  width:100%;
  height:40px;
  line-height:40px;
  background-color: cornflowerblue;
  position: relative;
  text-align: center;
}
.title-left{
  position: absolute;
  left:10px;
  color: #fff;
}
  .title-mid{
    color: #fff;
  }
</style>
